<style>
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.top {
  borderBottom: thick solid #cccccc;
}
</style>
<div class="top">
  <input type="button" value="Back" onclick="history.back();"></input>
  <input type="button" value="Add" onclick="add();"></input>
  <b>{{$num_in_page|escape:'html'}} Added</b>
</div>

<div>
<pre>
{{$readme|escape:'html'}}
</pre>
</div>

<script type="text/javascript" src="libs/jquery/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="libs/json2/json2.js"></script>
<script type="text/javascript">
<!--
  function add() {
    var obj = {
      track_id: MiscUtils.unique(),
      plugin_id: '{{$plugin_id|escape:'html'}}',
      menu_id: '{{$menu_id|escape:'html'}}'
    };
    
    $.ajax({
      type: "POST",
      url: "write.php",
      data: "q=" + JSON.stringify([ { n: 'pz_plugin_instance', a: [ obj ], r: [ ] } ]),
      success: function(msg){
        if (JSON.parse(msg)) {
          location.reload();
        } else {
          alert( "Data Saved: " + msg );
        }
      }
    });
  }
// -->
</script>